@function rem($px, $base:40) {
  @return ($px / $base) * 1rem;
}
*{
  margin: 0;
  padding:0;
}
ul,li{
  list-style: none;
}
a{
  text-decoration: none;
  color:#9f850a;;
}
img{
  display: block;
  max-width: 100%;
}
body{
  background-color: #fde147;
  font-size: rem(24);
  color: #9f850a;
}
iframe{
  border: none;
}
.box{
  max-width: rem(750);
  margin: 0 auto;
}
.part2{
  margin: 0 auto;
  text-align: center;
  .title{
    margin: rem(20) 0;
  }
  iframe{
    border: #fff rem(5) solid;
    width: rem(664);
    height:rem(350);
  }
}
.part3{
  margin-top: rem(50);
  .title{
    margin: rem(20) 0;
  }
  a{
    display: block;
    margin: 0 auto;
    border: #fff rem(5) solid;
    width: rem(664);
    height:rem(438);
  }
}
.part4{
  margin-top: rem(100);
  .title{
    margin: rem(20) 0;
  }
  .swiper{
    width: rem(674);
    margin: 0 auto;
    img{
      border:#fff rem(5) solid;
      width: rem(664);
    }
    .swiper-pagination{
      top: rem(280);
      bottom: auto;
      span{
        width: rem(10);
        height: rem(10);
        margin: 0 rem(3);
        display: inline-block;
        border-radius:rem(10);
        background: #fff;
        opacity: .8;
        border: #987e0a rem(3) solid;
        &.swiper-pagination-bullet-active{
          opacity: 1;
          width: rem(28);
        }
      }
    }
    .text{
      margin-top: rem(30);
      text-align: left;
      h1{
        font-size: rem(26);
        display: inline;
      }
      p{
        display: inline;
      }
    }
  }
}
.part5{
  margin-top: rem(100);
  .title{
    margin: rem(20) 0;
  }
  .outside{
    width: rem(674);
    background-color: #fff;
    padding:rem(30) 0;
    margin: 0 auto;
    .list{
      overflow: auto;
      height:rem(1000);
      ul{
        width: rem(627);
        margin: 0 auto;
        padding-bottom: rem(30);
        li{
          background: url("../img/tbg01.png") no-repeat center;
          background-size: contain;
          width: rem(587);
          height: rem(133);
          margin-top: rem(30);
          padding:rem(20);
          p{
            line-height: rem(30);
            height:rem(90);
            overflow: hidden;
            margin-top: rem(10);
          }
          span{
            display: block;
            text-align: right;
            font-weight: bold;
          }
        }

      }
    }
  }
}
.part6{
  margin-top:rem(100);
  .title{
    margin: rem(20) 0;
  }
  .list{
    margin: 0 auto;
    width: rem(676);
    height:rem(800);
    background:#fff;
    overflow: auto;
    padding:rem(20) 0;
    ul{
      width: rem(676);
      overflow: hidden;
      li{
        background: url("../img/tbg02.png") no-repeat center;
        background-size: contain;
        width: rem(581);
        height: rem(111);
        margin: rem(20) auto;
        .pic{
          width: rem(94);
          height:rem(94);
          border-radius: 100%;
          overflow:hidden;
          float: left;
          margin: rem(8);
          img{
            width: rem(94);
            height:rem(94);
            border-radius: 100%;
          }
        }
        .text{
          width: rem(430);
          float: right;
          margin:rem(20) rem(10) 0 0;
          p{
            font-size: rem(17);
            line-height: rem(25);
            height:rem(75);
            overflow: hidden;
          }
        }
        &:nth-child(2n){
          background: url("../img/tbg03.png") no-repeat center;
          background-size: contain;
          .pic{
            float: right;
          }
          .text{
            margin:rem(20) 0 0 rem(10);
            float: left;
            text-align: right;
          }
        }
      }
    }
  }
  .foot{
    background: url("../img/tbg.png") no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: rem(100);
    width: rem(676);
    margin: 0 auto;
  }
}
.part7{
  background: url("../img/footer.jpg") no-repeat center;
  background-size: contain;
  height:rem(1371);
  overflow: hidden;
  .pic{
    width: rem(300);
    margin: rem(270) auto;
    position: relative;
    left: rem(-7);
  }
}
